<template>
    <div class="_3qHE">
        <div class="_1BIW">
            <div class="_13Wb">
                <span>天空之城 8 周年影像大赛</span>
            </div>
            <ul class="_26hh">
                <li class="_3dMD">
                    <router-link to="/sky/prize">获奖结果</router-link>
                </li>
                <li class="_3dMD">
                    <router-link to="">大赛简介</router-link>
                </li>
                <li class="_3dMD">
                    <router-link to="">作品精选</router-link>
                </li>
                <li class="_3dMD">
                    <router-link to="">背后故事</router-link>
                </li>
                <li class="_3dMD">
                    <router-link to="">购机参赛</router-link>
                </li>
                <li class="_3dMD">
                    <router-link to="">常见问题</router-link>
                </li>
                <li class="_3dMD">
                    <router-link to="">我的作品</router-link>
                </li>
            </ul>
        </div>
        <div>
            <router-view />
        </div>
    </div>
</template>
<script setup>

</script>
<style scoped>
._3dMD a{
    font-weight: 400;
    color: hsla(0,0%,100%,.45)
}
._3dMD {
    padding: 12px;
    cursor: pointer;
    font-size: 16px;
    line-height: 20px;
}

._26hh {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
}

._13Wb {
    font-size: 22px;
    line-height: 22px;
    color: #fff;
}

._1BIW {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    width: 60rem;
    height: 100%;
}

._3qHE {
    position: fixed;
    height: 48px;
    z-index: 98;
    width: 100%;
    background-color: #232526;
}
</style>